.header-info-layer {
    left: 94px !important;
    width: calc(100% - 123px) !important;
    height: auto !important;
    top: 91px !important;
    transition: none !important;
    background-color: rgba(255, 0, 0, 0.7) !important;
    opacity: 1 !important;
    min-height: 18px;
    z-index: 40 !important;

    > div {
        background: transparent !important;
        color: _color("white", normal) !important;
        padding: 2px;
        top: auto !important;
        left: auto !important;
        border: none;
        width: 100% !important;
        position: relative !important;
    }
}

.x-abs-layout-container {
    transition: _transition("all", "normal");
    margin-bottom: 50px;
}

.x-viewport-contributemode {
    background: _theme($CONTRIBUTE--BG, $CONTRIBUTE);

    div[role="combobox"] {
        @include _combo($CONTRIBUTE);
    }
}

.app-container {
    height: 100%;

    body[data-chrome="false"] & {
        > div[role="presentation"] > div[role="presentation"].x-panel-tbar { /* OPTIMISE SELECTOR ::: css/app/layout.scss ::: 1 */
            display: none;
        }

        div[role="presentation"].window-container {
            height: 100vh !important;
            width: 100vw !important;
        }

        div.mainmodule > div:nth-child(2) { /* OPTIMISE SELECTOR ::: css/app/layout.scss ::: 2 */
            height: 100vh !important;
            width: 100vw !important;
            left: 0 !important;
        }
    }

    > .x-panel-bwrap {
        height: 100%;
    }

    .toolbar-header {
        border: none;
        background: transparent;
        margin: 0;

        /* Container */
        z-index: $ZINDEX--MAINMODULE--HEADER;
        right: 69px;
        position: fixed !important;
        overflow: visible;
        text-align: center;
        left: 245px;
        width: calc(100% - 124px) !important;
        top: 0 !important;
        padding: 0;
        height: 51px !important;

        body[data-sitesettings="true"] & {
            pointer-events: none;
        }
    }

    // Header bar
    .x-panel-tbar {
        height: 101px;
        pointer-events: none;

        .x-viewport-contributemode & {
            height: 53px;
        }
    }
}

.action-bar-container {
    z-index: $ZINDEX--ACTION_BAR--CONTAINER;
    height: 60px;
    display: block;
    position: absolute !important;

    /* SAFARI FIX */
    &.gwt-only-panel.x-component {
        overflow: visible !important;
        width: calc(100% - 245px);
        left: 245px;
    }
}

.window-container {
    overflow: visible;
    background: transparent;
    height: calc(100% - 101px) !important;
    width: calc(100% - 6px) !important;

    .x-viewport-contributemode & {
        width: 100% !important;
        height: calc(100% - 53px) !important;
    }
}

.x-jahia-root:not(.x-viewport-contributemode) .mainmodule > div:nth-child(2) { /* OPTIMISE SELECTOR ::: css/app/layout.scss ::: 3 */
    body[data-sitesettings="true"] & {
        left: 360px !important;
        width: calc(100% - 292px) !important;
        height: calc(100% + 74px) !important;
        padding-top: 24px;
        background: #eaeaea;
    }
}

.mainmodule {
    height: 100% !important;
    background: transparent !important;
    position: absolute;
    left: 0 !important;
    z-index: $ZINDEX--MAINMODULE;
    width: calc(100% - 0px) !important;

    body[data-chrome="false"] & {
        z-index: 99;
    }

    // Iframe containers
    > div:nth-child(2) { /* OPTIMISE SELECTOR ::: css/app/layout.scss ::: 4 */
        // iframe outer container
        top: 0px !important;
        height: calc(100% - 9px) !important;
        width: calc(100% - 55px) !important;
        left: 94px !important;
        z-index: $ZINDEX--IFRAME--CONTAINER;
        overflow: visible !important;

        body[indigo-dragging-panel="true"] &,
        body[data-channel] & {
            transition: none;
        }

        &.channel-zoom {
            overflow: scroll !important;
        }

        .x-viewport-contributemode & {
            left: 0 !important;
            width: 100% !important;
        }

        body[data-indigo-infoBar="true"] & {
            height: calc(100% - 50px) !important;
        }

        > div:not(.x-abs-layout-container) { /* OPTIMISE SELECTOR ::: css/app/layout.scss :::5 */
            // iframe inner container
            width: 100% !important;
            height: calc(100vh - 109px) !important;
            transform: none !important;
            transform-origin: unset !important;
            overflow: visible !important;
            box-shadow: 0 13px 10px 1px rgba(49, 49, 49, 0.5) !important;

            body[data-indigo-sidepanel-pinned="true"] & {
                box-shadow: 0 13px 3px 1px rgba(49, 49, 49, 0.3) !important;
            }

            body[data-sitesettings="true"] & {
                height: calc(100vh - 24px) !important;
            }

            .x-viewport-contentmanagermode & {
                height: 100vh!important;
            }

            &::before {
                content: " ";
                position: absolute;
                background: _color("secondary");
                width: 100%;
                box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.6);
                text-indent: -50000px;
                height: 6px;
                top: 2px;
            }

            &::after {
                content: " ";
                background: _color("secondary");
                position: absolute;
                width: 100%;
                top: -7px;
                left: 0;
                text-indent: -50000px;
                height: 10px;
            }
        }

        body[data-sitesettings="true"] .x-viewport-editmode & {
            top: -109px !important;
            height: calc(100% + 97px) !important;
            width: calc(100% - 292px) !important;
            left: 360px !important;
        }
    }

    // Iframe
    .window-iframe {
        width: 100% !important;
        margin-top: 8px !important;

        body[data-chrome="false"] & {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            margin: 0 !important;
        }

        body[data-channel] & {
            margin-top: 0 !important;
        }

        body[data-edit-window-style="settings"] &,
        .x-viewport-adminmode &,
        .x-viewport-dashboardmode & {
            margin-top: 0px !important;
        }

        .x-viewport-contributemode & {
            box-shadow: _theme($CONTRIBUTE--BG--SHADOW, $CONTRIBUTE);
        }
    }
}
